@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto; }
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

*:focus {
  border: none;
  outline: none;
}




/* 导航栏 */
.header_top{height:110px; width:100%; background: #fff; position: fixed; top:0; left:0; z-index: 9; padding:0 5%; box-shadow:0 0 8px rgba(0,0,0,0.2)}
.h_logo{width:auto; height:110px; float: left; display: flex; align-items: center;}
.h_logo img{ align-items: center; margin: 0px auto; width: 258px}
.h_logo p{float:left;width: 274px; height: 32px; line-height: 32px; background: url(../images/ling.png) no-repeat center; font-size: 16px; color: #fff; font-weight: bold; padding: 0 20px; margin-left:10px}
.header_dianhua{float: right; background: url(../images/dh_icon.png) no-repeat left 16px; padding-left:28px; font-size: 16px; color: #000000; margin-top:30px}
.header_dianhua span{color:#48993c; font-size: 30px; font-weight: bold;}
.header_nav{float: left; margin-left:4%; width:31%; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; 
	justify-content: space-between; margin-top:36px}
.header_nav a{color:#000000; font-size: 18px; line-height: 40px; }
.header_nav a:hover{color:#529f3c}


/* 首页:banner */
.banner{ width:100%; height:auto; position: relative; overflow: hidden; margin-top:110px;}
.banner .swiper-container{width:100%; }
.banner .content_list_img{width:100%; height:auto; display: block }
.banner .content_list_img img{width:100%; display: block; height:auto;  object-fit: cover; object-position: center center;}
.banner .swiper-pagination-bullet{width:12px; height: 12px; margin: 0 8px!important}
.banner .swiper-pagination-bullet-active{background: #48993c}
.banner .swiper-pagination{bottom:30px}




/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; padding-top: 82px;}
.index_about_left{width:57%; height: auto; float: left}
.in_about_title{width:auto; height: auto; overflow: hidden; display:table; margin: 0px auto; background: url(../images/ab_logo.png) no-repeat left center; padding-left: 70px;}
.in_about_title h4{color:#000000; font-size: 36px; font-weight: bold;}
.in_about_title h5{color:#529f3c; font-size:14px; text-transform: uppercase}
.in_abxx{width:100%; height: auto; overflow: hidden; display: block; font-size: 18px; color:#555555; line-height:36px; margin:45px 0; text-indent:2rem}
.in_about_num{width:86%; height: auto; margin: 0px auto 50px; overflow: hidden; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; 
	justify-content: space-between;}
.in_about_num dl{width:auto; float: left; position: relative; padding-right: 60px;}
.in_about_num dl dt{color:#2f873a; font-size: 18px; margin-bottom:2px}
.in_about_num dl dt span{color:#2f873a; font-size: 40px; font-weight: bold;}
.in_about_num dl dd{color:#333333; font-size: 18px;}
.in_about_num dl:after{content: ""; width: 1px; height: 20px; background: #cccccc; position: absolute; top:50%; right:0; margin-top: -10px;}
.in_about_num dl:last-child:after{display: none}
.index_about_cf{width:100%; height: auto; overflow: hidden}
.index_about_cf .mySwiper{width:100%; height: auto; overflow: hidden}
.index_about_cf .swiper-slide a{width:100%; display: block; overflow: hidden}
.index_about_cf .swiper-slide a img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_about_cf .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.in_about_zi{width:auto; height: auto; overflow: hidden; display: table; margin:40px auto 0; font-size: 30px; font-weight: bold; border: 1px solid #c8e6cc; 
	line-height: 60px; padding: 0 30px}
.in_about_zi span{color:#2f873a; font-size: 30px;}



/*荣誉资质*/
#honor{padding:36px 0}
.index_honor{width:100%; height: auto; overflow: hidden; background: url(../images/honor_bjs.jpg) no-repeat center; background-size: cover; padding: 52px 0;}
.index_honor_top{width:100%; height: auto; overflow: hidden; margin-top: 36px;}
.index_honor_top li{width:229px; height: auto;  float: left; overflow: hidden; margin-bottom:14px; margin-right: 10px}
.index_honor_top li img{width:100%; display: block}
.index_honor_top li:nth-child(5n){margin-right: 0}
.index_honor_bottom{width:100%; height: auto; overflow: hidden; }
.index_honor_bottom li{width:293px; height: auto;  float: left; overflow: hidden; margin-bottom:14px; margin-right:9px}
.index_honor_bottom li img{width:100%; display: block}
.index_honor_bottom li:nth-child(4n){margin-right: 0}



/*工艺*/
.index_product{width:100%; height: auto; overflow: hidden; position: relative; padding-top: 88px}
.index_product_tt{width:100%; height: auto; overflow: hidden; color:#555555; font-size: 16px; margin-top:28px; text-align: center}
.index_product_tt span{color:#2f873a; font-size: 16px; font-weight: bold;}
.index_product ul{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.index_product ul li{width:290px; height: auto; overflow: hidden; float: left; margin-right:13px; margin-bottom:14px; border: 2px solid #4b9d5b; 
	position: relative}
.index_product ul li:nth-child(4n){margin-right: 0}
.index_product ul li img{width:100%; display: block}
.index_product ul li .index_product_xx{width:100%; height:47px; background: url(../images/pp_tt.png) no-repeat center; text-align: center; line-height: 47px; color: #ffffff; font-size: 24px; font-weight: bold; position: absolute; bottom:0; left:0}


/*场景*/
.index_changjing{width:100%; height: auto; overflow: hidden; padding-top: 90px;}
.index_changjing_pian{width:100%; height: auto; overflow: hidden; }
.index_changjing_pian img{width:100%; display: block}





/*底部*/
.footer{width:100%; height:auto; overflow: hidden;  position: relative; background:url(../images/footer_bjs.jpg) no-repeat center; background-size: cover; padding-top: 50px; margin-top: 60px; }
.footer_left{width:808px; height: auto; float: left}
.footer_left_top{width:100%; height: auto; overflow: hidden; margin-top:30px;}
.footer_left_top ul{width:100%; height: auto; overflow: hidden; margin: 30px 0}
.footer_left_top ul li{width:152px; overflow: hidden; text-align: center; float: left; margin-right: 30px;}
.footer_left_top ul li img{width:100%; display: block}
.footer_left_top ul li h4{width:100%; height: 30px; line-height: 30px; color:#fff; font-size: 16px; margin-top: 4px}
.f_zi{width:76%; color:#fff; font-family: "宋体"; font-weight: bold; text-shadow: 0 0 4px rgba(0,0,0,0.8); font-size: 36px; display: flex; display: -webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start;}
.f_zi i{width:6px; height:6px; background: #fff; display: block; margin:17px auto 0; border-radius: 50%; box-shadow: 0 0 4px rgba(0,0,0,0.9); }
.f_zi span{font-size: 36px;color:#fff;}
.footer_right{width:230px; height: auto; float: right; position: relative}
.footer_right .f_img{width:100%; display: block}
.footer_hover{width:auto; position: absolute; top:40%; left:50%; transform: translate(-50%,0); text-align: center}
.footer_hover img{width:150px; height: auto;}
.footer_hover p{color:#fff; font-size:16px; margin-top:10px;}
.footer_bottom{width:100%; height: auto; overflow: hidden}
.footer_lxx_top{width:100%; height: auto; overflow: hidden; margin-bottom: 25px;}
.footer_lxx_top a{float: left}
.footer_lxx_top a img{width:100%; display: block}
.foot_dianhua{float: right; background: url(../images/b_dianhua.png) no-repeat left 21px; padding-left: 35px; color:#fff; font-size:21px; margin-top:10px}
.foot_dianhua span{color:#fff; font-size: 40px; font-weight: bold;}
.copy_l{width:auto; height: auto; overflow: hidden; font-size: 14px; color: #fff; line-height:35px; }
.copy_l a{color:#fff; font-size: 14px;}
.copy_l a:hover{color:#002ca7!important}
.footer_zhichi{width:auto; height:auto;  overflow:hidden}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#fff; font-size: 14px; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:82px;height:40px; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt{width:121px;height:40px; background: url(../images/vl.png) no-repeat center; }
.footer_zhichi span{float: left; font-size: 14px; color: #fff; line-height:40px;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#001f6a;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; 
	float:left;
}



/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}




@media screen and (max-width:1500px){
	.w1440{width:1200px;}


}


@media screen and (max-width:1400px){
	
}


